<template>
    
    <div class="mui-numbox" data-numbox-min="1" >
        <button class="mui-btn mui-btn-numbox-minus" type="button" disabled="">-</button>
        <input id="test" class="mui-input-numbox" type="number" value="1" @change="changevalue" ref="numbox">
        <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
    </div>
  
</template>
<script>
import mui from "../../lib/mui/js/mui.min.js"
export default {
    mounted(){
        // 初始化方块可以点击增加减少数量
        mui(".mui-numbox").numbox();
       
        
    },
    methods:{
        changevalue(){
            // console.log(this.$refs.numbox.value);
            this.$emit("getselect",parseInt(this.$refs.numbox.value))
        },
        
        
    },
    props:["max"],

    // 属性监听
    watch:{
        'max':function(newVal){
             //决定可以点击的最大值
            mui(".mui-numbox").numbox().setOption('max',newVal)
        }

    }
}
</script>
<style lang="scss" scoped>

</style>